<template>
	<u-line 
		:color="blank ? 'rgba(239, 239,239,0)' : color ? color : '#d6d7d9'"
		:length="length"
		:direction="direction"
		:hairline="hairline"
		:margin="margin"
		:dashed="dashed"
	></u-line>
</template>

<script>
	export default {
		props: {
			blank: {
				type: Boolean,
				default: function(e) {
					return false
				}
			},
			color: {
				type: String,
				default: function(e) {
					return undefined
				}
			},
			length: {
				type: String,
				default: function(e) {
					return '100%'
				}
			},
			direction: {
				type: String,
				default: function(e) {
					return 'row'
				}
			},
			hairline: {
				type: Boolean,
				default: function(e) {
					return false
				}
			},
			margin: {
				type: String,
				default: function(e) {
					return '10rpx'
				}
			},
			dashed: {
				type: Boolean,
				default: function(e) {
					return false
				}
			},
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
	
</style>
